<!DOCTYPE html>
<html>
  <head>
    <title>JavaScript &amp; jQuery - Chapter 9: APIs</title>
    <link rel="stylesheet" href="../css/index.css" />
  </head>
  <body>
    <h1 id="header"><a href="../index.html">JavaScript &amp; jQuery</a></h1>
    <h2>Chapter 9: APIs</h2>
    <p><strong>* Please note</strong>: some of these examples will only work on a web server<br />(they will not run on a desktop or laptop unless you are running them through a web server).</p>
    <table>
      <tr><td colspan="4">You can try all code on the book website <a href="http://javascriptbook.com/code">javascriptbook.com/code</a></td></tr>
      <tr>
        <td>1 *</td>
        <td><strong>Finding a Location</strong></td>
        <td><a href="geolocation.html">geolocation.html</a></td>
        <td><a href="js/geolocation.js">geolocation.js</a></td>
      </tr>
      <tr>
        <td>2</td>
        <td><strong>Local Storage</strong></td>
        <td><a href="local-storage.html">local-storage.html</a></td>
        <td><a href="js/local-storage.js">local-storage.js</a></td>
      </tr>
      <tr>
        <td>3</td>
        <td><strong>Session Storage</strong></td>
        <td><a href="session-storage.html">session-storage.html</a></td>
        <td><a href="js/session-storage.js">session-storage.js</a></td>
      </tr>
      <tr>
        <td>4 *</td>
        <td><strong>Working with History</strong></td>
        <td><a href="history.html">history.html</a></td>
        <td><a href="js/history.js">history.js</a></td>
      </tr>
      <tr>
        <td>5</td>
        <td><strong>jQuery UI Accordion</strong></td>
        <td><a href="jqui-accordion.html">jqui-accordion.html</a></td>
        <td></td>
      </tr>
      <tr>
        <td>6</td>
        <td><strong>jQuery UI Tabs</strong></td>
        <td><a href="jqui-tabs.html">jqui-tabs.html</a></td>
        <td></td>
      </tr>
      <tr>
        <td>7</td>
        <td><strong>jQuery UI Form</strong></td>
        <td><a href="jqui-form.html">jqui-form.html</a></td>
        <td><a href="js/form-init.js">form-init.js</a></td>
      </tr>
      <tr>
        <td>8</td>
        <td><strong>Using Angular</strong></td>
        <td><a href="angular-introduction.html">angular-introduction.html</a></td>
        <td></td>
      </tr>
      <tr>
        <td>9</td>
        <td><strong>Angular Controller</strong></td>
        <td><a href="angular-controller.html">angular-controller.html</a></td>
        <td><a href="js/angular-controller.js">angular-controller.js</a></td>
      </tr>
      <tr>
        <td>10 *</td>
        <td><strong>Angular with External Data</strong></td>
        <td><a href="angular-external-data.html">angular-external-data.html</a></td>
        <td><a href="js/angular-external-data.js">angular-external-data.js</a><br />
            <a href="js/items.json">items.json</a></td>
      </tr>
      <tr>
        <td>11</td>
        <td><strong>A Basic Google Map</strong></td>
        <td><a href="google-map.html">google-map.html</a></td>
        <td><a href="js/google-map.js">google-map.js</a></td>
      </tr>
      <tr>
        <td>12</td>
        <td><strong>Google Map with Custom Controls</strong></td>
        <td><a href="google-map-controls.html">google-map-controls.html</a></td>
        <td><a href="js/google-map-controls.js">google-map-controls.js</a></td>
      </tr>
      <tr>
        <td>13</td>
        <td><strong>Styling a Google Map</strong></td>
        <td><a href="google-map-styled.html">google-map-styled.html</a></td>
        <td><a href="js/google-map-styled.js">google-map-styled.js</a></td>
      </tr>
    </table>
  </body>
</html>